.wrapper {
  display: flex;
  flex-direction: column;
  background-color: #F4F9FF;
  width: 100%;
  height: 100%;
}

.nav-white {
  z-index: 888;
  position: relative;
  display: flex;
  flex-direction: column;
  width: 750px;
  height: 1000px;
  // height: 1502px;
  background: url('https://oss.cloudcpc.com/be0a8758f1f932669a9d707df0fb5224.png');
  background-size: cover;
  padding-top: 72px;
}

.Logo-img {
  margin-left: 27px;
  width: 503px;
  height: 53px;
  margin-bottom: 60px;
}


.banner-view {
  position: absolute;
  left: 38px;
  top: 205px;
  height: 289px;
  width: 675px;
  background: url('https://oss.cloudcpc.com/0d2a297041f035d6b50e29112f5cf37c.png') no-repeat center;
  background-size: cover;
}


.banner-swiper {
  margin-left: auto;
  margin-right: auto;
  width: 696px;
  height: 400px;

  .swiper-slide {
    width: 696px;
    // height: 400px;
    height: 294px;

    .banner-url {
      // width: 696px;
      // height: 294px;
      width: 100%;
      height: 100%;
      border-radius: 20px;
      overflow: hidden;

      &>img {
        width: 100%;
        height: 100%;
      }
    }
  }
}


.button-list {
  margin-left: 24px;
  margin-right: 24px;
  margin-bottom: 20px;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  flex-wrap: wrap;
}

.button-white {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 45px;
}

.button-url {
  width: 66px;
  height: 66px;
  margin-bottom: 19px;
}

.button-txt {
  width: 120px;
  font-size: 24px;
  line-height: 24px;
  color: #333333;
  text-align: center;
}

.banner-logo {
  margin-left: auto;
  margin-right: auto;
  width: 688px;
  height: 218px;
}

.ERP-top {
  margin-top: 20px;
}

//以上是 -300
.ERP-white {
  z-index: 999;
  margin-bottom: 52px;
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  box-sizing: border-box;
  padding: 59px 32px 64px 32px;
  box-shadow: 0px 1px 49px 0px rgba(11, 128, 251, 0.07);
  border-radius: 0px 60px 0px 0px;
}

.white-Title {
  margin-bottom: 24px;
  width: 500px;
  font-size: 36px;
  color: #333333;
}

.white-sub {
  margin-bottom: 51px;
  width: 625px;
  font-size: 24px;
  line-height: 36px;
  color: #888888;
}

.white-image {
  margin-left: auto;
  margin-right: auto;
  width: 686px;
  height: 451px;
  background: url('https://oss.cloudcpc.com/17db978dd9913557911dfb0cd265c70c.gif');
  background-size: cover;
  overflow: hidden;
  border-radius: 20px;
}

.white-image2 {
  height: 536px;
  background: url('https://oss.cloudcpc.com/b0ff45a9d27d38f79d4cfbab69fba9bd.gif');
  background-size: cover;
  border-radius: 20px;
}

.white-image3 {
  height: 571px;
  background: url('https://oss.cloudcpc.com/7a6af1960d63376c9f25ef0966f428b7.gif');
  background-size: cover;
}

.add-image-back {
  margin-left: 624px;
  width: 62px;
  height: 64px;
  background: linear-gradient(0deg, #0071FF 0%, #318CFF 100%);
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  // padding: 7px 5px 7px 7px;

}

.add-image {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

  &>img {
    width: 100%;
    height: 100%;
  }
}

.in-white {
  width: 100%;
  padding-bottom: 75px;
  padding-right: 0px;
  padding-left: 0px;
}

.in-white-Title {
  margin-left: 32px;
}

.in-white-sub {
  margin-left: 32px;
  margin-bottom: 10px;
}

.in-list-back {
  margin-bottom: 75px;
  padding-top: 28px;
  width: 750px;
  width: 100%;
  height: 169px;
  background: url('https://oss.cloudcpc.com/949998849758327b99e3e112607f1775.png');
  background-size: cover;

}

.in-view-item {
  box-sizing: border-box;
  display: inline-block;
  // margin-left: 15px;
  // margin-right: 15px;
  width: 100%;

  display: flex;
  flex-direction: row;
  justify-content: space-around;
}

// .in-white-view {
//   display: flex;
//   flex-direction: row;
//   justify-content: space-around;
//   // width: 850px;
//   width: 100%;

//   // &>block {
//   //   width: 100%;
//   //   display: flex;
//   //   justify-content: space-around;
//   // }
// }

.in-back {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: url('https://oss.cloudcpc.com/24851216e88d3100aa08630c8618c5af.png') no-repeat center/cover;
  width: 84px;
  height: 84px;

  font-size: 23px;
  // line-height: 28px;
  text-align: center;
  font-weight: 400;
  color: #107AFF;
}

.activeInBack {
  background: url('https://oss.cloudcpc.com/15d755d197aa3174a88a9f7155a65f21.png') no-repeat center/cover;
  height: 94px;
  color: #FFFFFF;
}

// .in-back-txt {
//   width: 47px;
//   font-size: 23px;
//   line-height: 28px;
//   text-align: center;
// }

.pandIng {
  box-sizing: border-box;
  padding: 0px 32px;
}

.in-image {
  margin-left: auto;
  margin-right: auto;
  width: 686px !important;
  height: 437px !important;
  padding: 295px 32px 0 32px;
  box-sizing: border-box;
  background-size: cover !important;
}

.in-image-sub {
  width: 630px;
  font-size: 28px;
  color: #FFFFFF;
  line-height: 42px;
}

.news-wrapper {
  display: flex;
  flex-direction: column;
  width: 750px;
  padding-top: 122px;
  background: url('https://oss.cloudcpc.com/39075ba974b735da87715c562825d7b0.png') no-repeat top;
  background-size: 750px 572px;
}

.news-top-white {
  margin-left: 202px;
  margin-right: 34px;
  margin-bottom: 115px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.news-left-white {
  display: flex;
  flex-direction: column;
}

.news-left-txt {
  width: 188px;
  font-size: 36px;
  color: #FFFFFF;
  line-height: 36px;
  margin-bottom: 21px;
}

.news-left-sub {
  width: 300px;
  font-size: 24px;
  color: #FFFFFF;
  line-height: 24px;
}

.news-right-white {
  margin-top: 15px;
  width: 188px;
  height: 60px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.news-right-txt {
  font-size: 26px;
  color: #FFFFFF;
  line-height: 60px;
}

.news-view-item {
  display: inline-block;
  margin-left: 32px;
  margin-bottom: 63px;
}

.news-white-view {
  display: flex;
  flex-direction: row;
}

.news-back {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-right: 34px;
  width: 273px;
  height: 377px;
  background: #FFFFFF;
  box-shadow: 0px 1px 49px 0px rgba(11, 128, 251, 0.07);
  border-radius: 25px;
}

.news-url {
  width: 273px;
  height: 203px;
  border-radius: 25px 25px 0px 0px;
  margin-bottom: 23px;
  overflow: hidden;
}

.news-back-txt {
  margin-left: auto;
  margin-right: auto;
  width: 209px;
  font-size: 26px;
  color: #333333;
  line-height: 36px;
}

.news-icon {
  position: absolute;
  top: 307px;
  left: 27px;
  width: 42px;
  height: 42px;
}

.vedio-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 750px;
  background: #FFFFFF;
  box-shadow: 0px 1px 49px 0px rgba(11, 128, 251, 0.07);
  border-radius: 0px 60px 0px 0px;
  padding-top: 46px;
  margin-bottom: 48px;
}

.vedio-Title {
  margin-left: 32px;
  margin-bottom: 41px;
}

.scroll-view-item {
  margin-left: 32px;
  display: inline-block;

}

.vedio-white-view {
  display: flex;
  flex-direction: row;
  margin-bottom: 63px;
}

.videoBox {
  position: relative;
  width: 439px;
  height: 252px;
  margin: 0px 40px 0px 20px;
  box-sizing: border-box;
}

.vedio-url {
  border-radius: 20px;
  width: 100%;
  height: 100%;
  // margin-right: 42px;
  // margin-bottom: 52px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

}

.play-image {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  // width: 100%;
  // height: 100%;
}

.me-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 750px;
  background: #FFFFFF;
  box-shadow: 0px 1px 49px 0px rgba(11, 128, 251, 0.07);
  border-radius: 0px 60px 0px 0px;
  box-sizing: border-box;
  margin-bottom: 255px;
}

.me-wrapper-top {
  padding-top: 45px;
  padding-left: 32px;
  margin-right: 34px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 20px;
}

.me-Title {
  width: 200px;
  font-size: 36px;
  color: #333333;
  line-height: 60px;
}


.me-right-white {
  width: 188px;
  height: 60px;
  border: 1px solid rgba(0, 133, 250, 0.4);
  border-radius: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.me-right-txt {
  font-size: 26px;
  color: rgb(0, 133, 250);
  line-height: 60px;
}


.me-image {
  margin-bottom: 46px;
  margin-left: auto;
  margin-right: auto;
  width: 687px;
  height: 219px;
}

.me-image-back {
  position: absolute;
  top: 510px;
  left: 0;
  width: 750px;
  height: 330px;
  font-size: 0;
}


.me-sub {
  margin-left: auto;
  margin-right: auto;
  width: 661px;
  font-size: 26px;
  color: #888888;
  line-height: 48px;
}
